<template>
  <div class="">
    <ve-line :data="lineChartData" :settings="lineChartSettings" :extend="lineExtend" height="420px" :colors="lineColors"></ve-line>
  </div>

</template>
<script>
  export default {
    name: 'lineChart',
    props: [],
    data () {
      this.lineChartSettings = {
      };
      this.lineExtend = {
        textStyle: {
          color:'#fff',
        },
        grid: {show: false,left: '1%',right: '5%',bottom:'20px',},
        legend: {
          top:'20px',
          textStyle: {
            color: '#fff',
          },
        },
        xAxis: {
          name: '时间',
          boundaryGap: false,
          nameLocation: 'end',
          axisLine: {
            show:true,
            lineStyle: {
              color: '#31b7dd',
              width: 2,
            },
          },
          axisTick: {show:false,},
          splitLine: {
            show: true,
            interval: 'auto',
            lineStyle: {
              color: ["#629fc2"],
              type: 'dashed',
            },
          },
          axisLabel: {
            //align:'left',
          },
        },
        yAxis: {
          name: '产量（Kg/h）',
          nameLocation: 'end',
          axisLine: {
            show: true,
            lineStyle: {
              color: '#31b7dd',
              width: 2,
            },
          },
          splitLine: {
            show: true,
            interval: 'auto',
            lineStyle: {
              color: ["#629fc2"],
              type: 'dashed',
            },
          },
        },
      };
      return {
        lineColors:['#0cd288','#ff92e7', '#61a0a8',
        '#d48265', '#91c7ae','#749f83', 
        '#ca8622', '#bda29a','#6e7074',
        '#546570', '#c4ccd3'],
        lineChartData:{
          columns: ['时间', '主挤出机', '副挤出机'],
          rows: [
            { '时间': '0:00', '主挤出机': 1393, '副挤出机': 1093,},
            { '时间': '2:00', '主挤出机': 3530, '副挤出机': 3230,},
            { '时间': '4:00', '主挤出机': 2923, '副挤出机': 2623,},
            { '时间': '8:00', '主挤出机': 1723, '副挤出机': 1423,},
            { '时间': '10:00', '主挤出机': 3792, '副挤出机': 3492,},
            { '时间': '12:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '14:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '16:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '18:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '20:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '22:00', '主挤出机': 4593, '副挤出机': 4293,},
            { '时间': '24:00', '主挤出机': 4593, '副挤出机': 4293,},
          ]
        }
      }
    },
    created () {
      
    },
    
    methods: {

    }
  }
</script>
<style scoped>
</style>
